<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .img {
            text-align: center;
        }
        .div1 {
            text-align: center;
        }
        .span {
            font-weight: 700;
        }
        .div2 {
            text-align: center;
        }
        .srk {
            width: 500px;
            height: 30px;
        }
        .bd {
            width: 90px;
        }
        .p1 {
            text-align: center;
        }
        .p2 {
            text-align: center;
        }
        .div3 {
            text-align: center;
        }
        .div4 {
            text-align: center;
        }
        .p3 {
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="img">
        <img src="../img/logo.gif">
    </div>
    <div class="div1">
        <a href="#">新&nbsp;闻</a> 
        <span class="span">网&nbsp;页</span> 
        <a href="#">贴&nbsp;吧</a> 
        <a href="#">知&nbsp;道</a> 
        <a href="#">音&nbsp;乐</a> 
        <a href="#">图&nbsp;片</a> 
        <a href="#">视&nbsp;频</a> 
        <a href="#">地&nbsp;图</a></div><br>
    <div class="div2">
    <input type="text" class="srk">
    <input type="submit" value="百度一下" class="bd"></div><br>
    <p class="p1">
        <a href="#">百科</a> 
        <a href="#">文库</a> 
        <a href="#">hao123</a> 
        <span>|</span> 
        <a href="#">更多>></a></p><br>
    <p class="p2"><img src="../img/icon.jpg">
    <a href="#">百度地图带你吃喝玩乐，全心全意为人民服务</a></p>
    <div class="div3"><a href="#">把百度设为主页 安装百度卫士</a></div>
    <div class="div4">
        <a href="#">加入百度推广</a>
        <span>|</span>
        <a href="#">搜索风云榜</a>
        <span>|</span>
        <a href="#">关于百度</a>
        <span>|</span>
        <a href="#">About Baidu</a></div>
     <p class="p3">&copy;2021 Baidu 使用百度前必读 京ICP证030173号</p>  
</body>
</html>